<script setup>
import { useRouter } from "vue-router";
const router = useRouter();
</script>
<template>
  <div class="di">
    <header>
      <van-icon name="arrow-left" @click="$router.back()" />
      <h3>我的学习卡</h3>
      <p @click="$router.push('/addaddress')">新增地址</p>
    </header>
    <div class="box">
      <img src="	https://wap.lexuemiao.com/img/noaddress.e1ed5364.png" alt="" />
      <p>暂无地址</p>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.di {
  header {
    height: 88px;
    display: flex;
    align-items: center;
    margin-top: 20px;
    .van-icon {
      width: 60px;
      height: 60px;
      text-align: center;
    }
    p {
      width: 120px;
      height: 120px;
      text-align: center;
      font-size: 26px;
      line-height: 120px;
      margin-right: 20px;
    }
    h3 {
      flex: 1;
      text-align: center;
      font-size: 36px;
      margin-left: 80px;
    }
  }
  .box {
    text-align: center;
    margin-top: 240px;
    img {
      width: 30%;
    }
    p {
      margin-top: 0.62667rem;
      font-size: 0.4rem;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #999;
      line-height: 0.4rem;
    }
  }
}
</style>
